{
   const alter = document.createElement('div')
   alter.style = `
   z-index: 30;
   display: none;
   position: absolute;
   padding: 16px 22px;
   background-color: rgba(63,63,63,.9);
   border-radius: 6px;
   color: #fff;
   font-size: 16px;
   left: 50%;
   transform: translate(-50%, 0);
   line-height: 26px;
   align-items: center;
   bottom: -30px;
   opacity: 0;
   transition: all .5s ease-in-out;
   `
   document.body.append(alter)
   alter.innerHTML = `
      <svg style="margin-right: 4px;" t="1513590447537" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9504" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css"></style></defs><path d="M512 0C228.8 0 0 228.8 0 512s228.8 512 512 512 512-228.8 512-512S795.2 0 512 0z m0 832c-35.2 0-64-28.8-64-64s28.8-64 64-64 64 28.8 64 64-28.8 64-64 64z m64-320c0 35.2-28.8 64-64 64s-64-28.8-64-64V256c0-35.2 28.8-64 64-64s64 28.8 64 64v256z" p-id="9505" fill="#ffffff"></path>
      </svg>
   `
   const span = document.createElement('span')
   alter.append(span)
   let id
   window.alterBlock = function (v) {
      if (id) {
         clearTimeout(id)
         alter.style.display = 'none'
         alter.style.bottom = '-30px'
      }
      setTimeout(() => {
         span.innerHTML = v
         alter.style.display = 'flex'
         window.getComputedStyle(alter).display
         alter.style.bottom = '60px'
         alter.style.opacity = 1
         id = setTimeout(() => {
            alter.style.display = 'none'
            alter.style.bottom = '-30px'
            alter.style.opacity = 0
            id = 0
         }, 2000)
      })
   }
}